// pages/components/search/js.js
Component({

  /** 
   * 组件的属性列表 
   * @param {String} Style 容器样式
   * @param {String} searchStyle input的样式
   * @param {String} inputPlaceholder input 的 placeholder
   * @param {Boolean} disabled  input输入框是否禁止输入
   * @param {String} navigateToUrl 跳转链接
   * @param {Boolean} CMenuIcon 菜单按钮的状态（是否展开）
   * 
   */
  
  properties: {
    Style:{
      type:String,
      value:null
    },
    searchStyle:{
      type:String,
      value:null
    },
    inputPlaceholder:{
      type:String,
      value:"输入商品名称"
    },
    disabled:{
      type:Boolean,
      value:false
    },
    navigateToUrl:{
      type:String,
      value:null
    },
    showMenu:{
      type: Boolean,
      value:false
    },
    CMenuIcon:{
      type:Boolean,
      value:false
    },
    inputValue:{
      type:String,
      value:null
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    // CMenuIcon:false
  },

  /**
   * 组件的方法列表
   * @Method : _CSearch
   */
  methods: {
    _CSearch(){
      if(this.data.navigateToUrl){
        wx.navigateTo({
          url: this.data.navigateToUrl,
        });
      }
    },
    _CMenu(){
      this.setData({
        CMenuIcon: !this.data.CMenuIcon
      });
      this.triggerEvent("menu", { status: this.data.CMenuIcon }, {}); 
    },
    _CSearch(e){
      this.triggerEvent("search", { val: e.detail.value},{});
    },
    _CInput(e){
      this.triggerEvent("change",{val:e.detail.value},{});
    }
  }
})

class SearchData{
  constructor(val){
    this.val = val;
  }
  add(){
    
  }
  get(){

  }
  remove(){

  }
}